/* CSS Document */

/*========= MARQUESINA ===========*/

/*Envoltorio caja*/
#slider {
	position: relative;
	margin: 0 0 25px ;
	padding:0;
	height: 275px;
	overflow:hidden;
	background-color: #ccc;
	color: #FFF;
}

/*botones avanzar, retroceder*/
#slider span.next, #slider span.prev {
	display: none
}

#slider span.next{
	/*background: url(../img/sprite_next_prev.png) no-repeat -25px 0;*/
	 top: 230px;
	left:210px;	
}

#slider span.prev{
	/*background: url(../img/sprite_next_prev.png) no-repeat 0 0;*/
	 top: 230px;
	left:10px;	
}

#slider .next a, #slider .prev a {
	display:block;
	width: 20px;
	height:20px;
	color: #ccc
}

#slider .next a{
}


#slider .prev a{
}

#slider  div{
	/*display:none;*/
	height: 275px;
	width: 660px;
}

/*Bot�n pausa play*/
/*btn pausa play*/

#slider span.boton {
	position:absolute;
    top: 250px;
	right: 235px;
	z-index:110;
	display:block;
	height: 20px;
	width: 20px;
	text-align:left;
	margin: 0;
	padding: 0;
}

#slider span.boton a.play, #slider span.boton a.pause{
	text-decoration: none;
	color:#fff;
	font-size: 1px;
	height: 20px;
	width: 20px;
	display:block;	
	padding: 0;
	margin:0;
	text-indent: -9999%;
	background: url(../img/sprite_pausa_play_go.png) no-repeat 0 -20px #000;	
	opacity: 0.6;
	filter:alpha(opacity=60);
	border-radius: 3px
}

#slider span.boton a.pause {
	background-position: 0 0;	
}

#slider span.boton a.pause:hover {
	background-position: 0 -20px;
}

#slider span.boton a.play {
	background-position: -20px 0;
}

#slider span.boton a.play:hover{
	background-position: -20px -20px;
}

/*botones de p�ginas*/
#slider.marquesina_home ul.indice{
	position:absolute;
	top: 0;
	left: 712px;
	z-index:10;
	list-style:none;
	border: none;
	margin: 0;
	padding: 0;
	background-repeat: repeat-x;
	background-position: 10px top;
}

#slider.marquesina_home .indice li{
	margin: 1px 1px 0;
	padding:4px 5px 6px 18px;
	height: 58px;
	width: 210px;
	font-size:14px;
	text-align: left;
	overflow: hidden;
	line-height: 14px;
	background-image: url(../img/bg_li.png);
	background-position: left top;
	background-repeat: no-repeat;
	font-family: 'gobCL',Verdana,sans-serif;
}

#slider.marquesina_home .indice li a{
	color:#666;
	text-decoration: none;
	display: table-cell;
    vertical-align:middle;
    height:58px;
}

#slider.marquesina_home .indice li a:hover{
	text-decoration:underline;	
}

#slider.marquesina_home .indice li.current{
	background:none;
	background: url(../img/bg_marq_current.png) no-repeat top left;
	width: 210px;
	padding: 5px 20px 5px 18px;
}

#slider.marquesina_home .indice li.current a{
	color:#FFF
}

#slider.marquesina_portadilla{
	color:#FFF;
	box-shadow: 4px 6px 4px 1px #999999;
}

/* */

#slider h3 {
}

#slider h3.titulo{
}

#slider.titulo {
	}

#slider .titulo a{
	color: #fff;
	text-decoration:none;
}

#slider .titulo a:hover {
	color: #006cb7;
	text-decoration:none;
	border-bottom: none
}

#slider .abstract{
}

#slider .fecha{
	font-size:11px;
	font-weight: normal;
	padding: 0 0 5px 10px;
	position:relative;
	z-index:20;
	width: 220px;
}

#slider .figure{
	margin: 0;
	padding:0;
	left:0;
	top:0;
	width: 700px;
	height: 250px;
	position:absolute;
	z-index:10
}

#slider .vermas a{
	margin-left: 10px;
	color:#FFF;
	position:relative;
	z-index:20;
	background: url(../img/bullet_vermas_marq.gif) no-repeat 0 4px;
}

#slider .icono{
	position:absolute;
	top: 55px;
	left: 30px
}

#slider .invisible {
display:none !important
}

/*Slider para marquesina de banners del home*/

#slider2 {
	position: relative;
	margin: 0;
	padding:0;
	height: 120px;
	width: 220px;
	overflow:hidden;
	color: #666;
}

/* */

#slider2 h3, #slider2 h3.titulo, #slider2 .abstract, #slider2 .fecha, #slider2 .vermas, #slider2 span.boton {
	display:none !important;
}


/*botones avanzar, retroceder*/
#slider2 span.next, #slider2 span.prev {
	font-family: 'gobCL',Verdana,sans-serif;
	width: 15px;
	height:16px;
	display: block;
    /*text-indent: -9999%;*/
	position:absolute;
	z-index:100;
	text-align: center;
	font-size: 14px;
	z-index: 20
}

#slider2 span.next{
	/*background: url(../img/sprite_next_prev.png) no-repeat -25px 0;*/
	 top: 85px;
	left:200px;	
}

#slider2 span.prev{
	/*background: url(../img/sprite_next_prev.png) no-repeat 0 0;*/
	 top: 85px;
	left:0px;
}

#slider2 .next a, #slider2 .prev a {
	display:block;
	width: 20px;
	height:20px;
	color: #5D5D5D;
	text-decoration: none
}

#slider2 .next a:hover, #slider2 .prev a:hover {
	color: #006CB7
}

#slider2 .next a{
}

#slider2 .prev a{
}

#slider2  div{
	height: 200px;
	width: 80px;
}

/*botones de p�ginas*/
#slider2 ul.indice{
	font-family: 'gobCL',Verdana,sans-serif;
	position:absolute;
    top: 85px;
	left: 45px;
	z-index:110;
	list-style:none;
	border: none;
    margin: 0;
    padding: 0;
}

#slider2 .indice li{
	margin:0 1px;
	padding:0;
	display:inline;
	float:left;
	height: 16px;
	width: 15px;
	font-size:11px;
	text-align: center
}

#slider2 .indice li a{
	height: 16px;
	width: 15px;
	display:block;
	padding: 1px 0 0 0;
	color: #5D5D5D;
	text-decoration:none;
}

#slider2 .indice li a:hover{
	color: #006CB7;
}

#slider2 .indice li.current{
	background-color: #8f8f8f;
}

#slider2 .indice li.current a, #slider2 .indice li.current a:hover{
	color:#FFF
}

#slider2 .figure{
	margin: 0;
	padding:0;
	left:0;
	top:0;
	width: 220px;
	height: 80px;
	position:absolute;
	z-index:10
}

#slider2 .figure img{
	width: 220px;
	height: 80px;
}

#slider2 .invisible {
display:none !important
}

#slider div ul{
	position:absolute;
	width: 240px;
	background-color:#000;
	opacity: 0.7;
	filter:alpha(opacity=70);
	z-index:20;
	height:277px;
}

#slider div ul li{
	text-decoration:none;
	list-style-type: none;
}


/*Estilo marquesina home*/

.marquesina_home{
	 width:940px;
	 }
	
.marquesina_home h3{
	display:none;
	 }
 
.marquesina_home img{
	width: 722px;
	height: 277px;
	 }

.marquesina_home .titulo {
    clear: both;
    display: block;
    font-size: 18px;
	padding: 10px 15px;
}

.marquesina_home .abstract {
	font-size:12px;
	font-weight: normal;
	padding: 0 15px 10px 15px;
}

/*Estilo marquesina portadilla*/

.marquesina_portadilla h3 {
	display:none;
}

.marquesina_portadilla .titulo {
    clear: both;
    display: block;
    font-size: 18px;
	padding: 10px 15px;
}

.marquesina_portadilla .abstract {
	font-size:12px;
	font-weight: normal;
	padding: 0 15px 10px 15px;
}

li.mas_info{
	min-height: 30px;
	margin:10px 0 0 12px;
}

li.mas_info a{
	padding: 7px 15px;
	background: none;
	background-color: #106EB8;
	border-radius: 6px;
	box-shadow: 4px 4px 4px #000;
	/*display: block;*/
	font-size: 12px;
	color:#FFF;
	text-decoration: none;
}

/*================ZONA INTERACTIVA=======================*/

.modulo_multimedia {
	background-color: #FFF;
	min-height: 300px
}

.MultimediaHome {
    clear: both;
}
.MultimediaHome img {
	clear: both;
	width: 318px;
	height: auto;
	background-color: #FFF;
	border: 1px solid #6e1100;
	margin:0 0 10px 0;
	padding:0
}

.NotaMultimediaHome div {
    padding: 5px 10px;
	background-color: #FFF;
}
.NotaMultimediaHome .titulo {
	background: url(images/sprite_po_multimedia.png) 0 0 no-repeat;
    font-size: 12px;
    padding-left: 26px;
}

#multiNota-audio.NotaMultimediaHome .titulo {
	background-position: 0 -52px;
	}

#multiNota-galeria.NotaMultimediaHome .titulo {
	background-position: 0 -100px;
	}


.NotaMultimediaHome .titulo a {
    color: #333;
    font-weight: normal;
    text-decoration: none;
}
.NotaMultimediaHome img {
}
.NotaMultimediaHome h6 {
    float: left;
    height: 20px;
    padding-right: 5px;
}
.botones-multimedia {
	position: relative
}
.botones-multimedia h2 {
color: #fff; 
font-size: 15px;
padding: 5px 10px;
font-weight: bold;

background: url(images/bg_titulocaja.png) repeat-x left bottom #F7F7F7;
text-indent:-900px;
border:1px solid #CCC;
}

.botones-multimedia li {
    color: #CCCCCC;
    float: right;
    font-size: 14px;
	line-height: 28px;
	display:block;
	padding:0 5px;
	cursor: pointer;
}
.botones-multimedia li a {
    color: #666;
    padding: 0 10px;
    text-decoration: none;
	display: block;
	cursor: pointer;
}
.botones-multimedia li a:hover {
    color: #0065A7;
}
.botones-multimedia ul {
    list-style: none inside none;
	width: 240px;
	position: absolute;
	z-index: 200;
	right: 0;
	top: 0;
	height: 28px
}

/*==========================MARQUESINA DE BANNERS OBLIGATORIOS ==========================*/

#slider_banners .indice, #slider_banners h3 {
	display: none
}

/*Envoltorio caja*/
#slider_banners {
	position: relative;
	margin: 0 0 15px ;
	padding:0;
	height: 90px;
	width: 940px;
	overflow:hidden;
	background-color: #E6E6E6;
	color: #666;
}

/*botones avanzar, retroceder*/
#slider_banners span.next, #slider_banners span.prev {
    width: 30px;
	height: 90px;
	display: block;
	position:absolute;
	font-size: 0;
	line-height: 0;
	z-index: 20;
	background: url(../img/sprite_next_prev_banners.png);
	text-indent: -9999%;
	padding:0;
	margin:0;
}


#slider_banners span.next {
	background-position: -30px 0;
    top: 0;
	right: 0;
}

#slider_banners span.prev{
	background-position: 0 0;
    top: 0;
	left: 0;
}

#slider_banners .next:hover {
	background-position: -30px -90px;
}

#slider_banners .prev:hover {
	background-position: 0 -90px;
}

#slider_banners span.next a, #slider_banners span.prev a {
    width: 30px;
	height:90px;
	display: block;
}

#slider_banners .indice, #slider_banners  h2, #slider_banners .boton {
	display:none
}

#slider_banners .figure {
	float: left;
	margin: 15px 20px 15px 55px
}

.marquesina_portadilla ul.indice{
    left: 20px !important;
    top: 252px !important;
	position:absolute;
	z-index:500;
	}

.marquesina_portadilla .indice li {
    background: url("../img/marquesina_slide.png") no-repeat scroll left top transparent;
    width: 12px;
	height:12px;
	padding:0;
	text-indent:-9999%;
	font-size:0;
	line-height:0;
	float:left;
	margin-right:10px;
}

.marquesina_portadilla .indice li a{
    width: 12px;
	height:12px;
	display:block;
}

.marquesina_portadilla .indice li.current {
    background: url("../img/marquesina_current.png") no-repeat scroll left top transparent;
    width: 12px;
	height:12px;
	padding:0;
}

.marquesina_portadilla span.boton{
	right: 480px!important;
}